﻿@model tutors_clus.Models.RegisterModel
@{
    ViewBag.Title = "Đăng ký tài khoản";
}

@*<hgroup class="title">
    <h1>@ViewBag.Title.</h1>
    <h2>Create a new account.</h2>
</hgroup>*@

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @*@Html.ValidationSummary()*@

    <div class="account">
        <h1>Thông tin đăng ký</h1>
        <ol>
            <li>
                @Html.LabelFor(m => m.UserName)
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </li>
            <li>
                @Html.LabelFor(m => m.Password)
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password)
            </li>
            <li>
                @Html.LabelFor(m => m.ConfirmPassword)
                @Html.PasswordFor(m => m.ConfirmPassword)
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
            </li>
            <li>
                @Html.LabelFor(m => m.FullName)
                @Html.TextBoxFor(m => m.FullName)
                @Html.ValidationMessageFor(m => m.FullName)
            </li>
            <li>
                @Html.LabelFor(m => m.Birthday)
                @Html.TextBoxFor(m => m.Birthday, new {@readonly=true })
                @Html.ValidationMessageFor(m => m.Birthday)
            </li>
            <li>
                @Html.LabelFor(m=>m.Address)
                @Html.TextBoxFor(m=>m.Address)
            </li>
            <li>
                @Html.Label("Loại người dùng")
                <select name="role" id="role" class="valid">
                    <option value="2" selected="selected">Học sinh</option>
                    <option value="3">Giáo viên</option>
                </select>
            </li>
            
        </ol>
        <input type="submit" value="Đăng ký tài khoản" />
    </div>
}

@*@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}*@
@Styles.Render("~/Content/themes/base/css")
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
    $(document).ready(function () {
        $("#Birthday").datepicker({
            dateFormat: 'dd/mm/yy',
            changeMonth: true,
            changeYear: true,
            yearRange: "1900:-10"
        });
    })
</script>
